/*本配置脚本用于：npx webpack [--config webpack.config.js] []内可省，webpack默认采用webpack.config.js*/
/*
NPM 运行配置文件package.json :
scripts - '键名':'脚本语句' (如 'build':'webpack')
配置说明：当运行 npm run build 命令时，等同于运行 npx webpack , 'build'映射脚本语句'webpack'
可以通过 < npm run build -- --附加参数 > 的形式给npm run 的脚本语句传递参数
*/
const path = require('path');

/*资源图输出选项*/
module.exports = {
    //源文件
    entry:'./src/index.js',
    //转译文件
    output: {
        filename: "bundle.js",
        path: path.resolve(__dirname,'dist')
    },
    //工具模块：资源载入器
    //使用资源载入器，使得webpack有能力转译其它格式资源文件
    module: {
        //配置载入规则：文件名的正则匹配 -- 为特定的文件格式指定载入器
        //比如可以在脚本中使用[ import '样式文件相对路径.css' ]来引入文件
        rules: [
            {
                test:/\.css$/,
                use:[
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test:/\.(png|svg|jpg|gif)$/,
                use:[
                    'file-loader'
                ]
            },
            {
                test:/\.(woff|woff2|eot|ttf|otf)$/,
                use:[
                    'file-loader'
                ]
            },
            {
                test:/\.(csv|tsv)$/,
                use:[
                    'csv-loader'
                ]
            },
            {
                test:/\.xml$/,
                use:[
                    'xml-loader'
                ]
            }
        ]
    }
};